<template>
  <div class="header_ref">
    <div class="tabs_box"></div>
  </div>
</template>
<script lang="ts">

export default {
  setup() {},
};
</script>
<style lang="scss" scoped>
.header_ref {
  display: flex;
  line-height: 60px;
  .tabs_box {
  
  }
  .search {
    margin-left: auto;
    :deep(.el-input__prefix),
    :deep(.el-input__suffix) {
      color: #fff !important;
    }
    :deep(input) {
      width: 240px;
      height: 36px;
      color: #fff;
      border: 0;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.3);
      &::placeholder {
        color: #fff;
      }
    }
  }
  .btns {
    margin-left: 30px;
    button {
      color: #72b22a;
      padding: 10px 23px;
      label {
        cursor: pointer;
      }
      input {
        display: none;
      }
    }
  }
}
</style>